<template>
  <div id="app">
    <page-header :title="title"></page-header>
    <router-view></router-view>
    <tab-bar @sendValue="titleValueChange"></tab-bar>
  </div>
</template>

<script>
import PageHeader from './components/PageHeader.vue'
import TabBar from './components/TabBar.vue'

export default {
  name: 'MyApp',
  data() {
    return {
      title: '神影影院'
    }
  },
  methods: {
    titleValueChange(val) {
      this.title = val
    }
  },
  components: {
    PageHeader,
    TabBar
  }
}
</script>
<style scoped>
</style>
